@import "../common/common";

@import "../../libs/swiper/swiper.min.css";

.detail {
  overflow: hidden;
  padding-bottom: $_100;

  .slider{
    height: $_220;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }

  .swiper-slide a{
    display: block;
    height: 100%;
    width: 100%;
  }

  .main{
    padding: 0 $_10;
  }

  .courses {
    margin-top: $_20;
    background: #fff;
    padding: $_20;
    border: 1px solid #ccc;
    border-radius: $_4;
    text-align: justify;

    .title {
      color: $color-yellow;
      font-size: $_28;
    }

    .words {
      color: #666;
      line-height: $_36;
      font-size: $_24;
      margin-top: $_10;
      text-indent:2em;
    }
  }

  .tuwen{
    background: #fff;
    overflow: hidden;
    margin-top: $_20;
    border: 1px solid #ccc;
    padding: $_20;
    border-radius: $_4;
  }

  .tuwen *{
    font-size: $_26 !important;
  }

  .sign_up_tn{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: $_80;

    button{
      height: 100%;
      width: 100%;
      background-color: $color-green;
      color: #fff;
      font-size: $_28;
    }
  }

}